<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>动力金融网 - 专业的互联网金融信息服务平台</title>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/cashbox-share.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/fund-guanli.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/share.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/base.css}"/>
    <script type="text/javascript" language="javascript" th:src="@{/static/js/jquery-1.7.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/trafficStatistics.js}"></script>
    <script type="text/javascript">
        $(function () {
            $("#myCash").attr("class", "on");
        })
        $(document).ready(function () {
            $("#overView").removeClass("on");
            $("#myAccount").addClass("on");
        });
        $(document).ready(function () {
            $("#chongzhijilu").addClass("on");
        });
    </script>
</head>

<body>
<!--页头start-->
<div id="header">
    <div th:include="commons/header :: html"></div>
</div>
<!--页头end-->

<!-- 二级导航栏start -->
<div th:include="commons/subNav :: html"></div>
<!-- 二级导航栏end -->

<!--页中start-->
<div class="mainBox">
    <div class="homeWap">
        <div class="fund-guanli clearfix">
            <div class="left-nav">
                <div th:include="commons/leftNav :: html"></div>
            </div>
            <div class="right-body">
                <div class="right-wap">
                    <div class="deal-data">
                        <dl>
                            <dt>
                                <span class="deal-time">充值时间</span>
                                <span class="deal-name">充值描述</span>
                                <span class="deal-type" style="width:120px">类型</span>
                                <span class="deal-money">充值金额(元)</span>
                                <span class="deal-balance">充值状态</span>
                            </dt>
                            <dd th:each="r:${myRecharge}">
                                <div class="deal-time" th:text="${#dates.format(r.rechargeTime,'yyyy-MM-dd HH:mm:ss')}">2016-09-18 10:23:11</div>
                                <div class="deal-name"th:text="${r.rechargeDesc}">支付理财</div>
                                <div class="deal-type" style="width:120px">充值</div>
                                <div class="deal-money" th:text="${r.rechargeMoney}" >100.0</div>
                                <div class="deal-balance" th:if="${r.rechargeStatus ne '0'}">
                                    充值成功
                                </div>
                                <div class="deal-balance" th:if="${r.rechargeStatus eq '0'}">
                                    充值失败
                                </div>
                            </dd>

                            <!--<div class="touzi_fenye" style="width:100%; text-align:center;line-height:30px;">
                                共10条2页　当前为第1页　
                                <a id="linkHomePage"
                                   th:href="@{/loan/myRecharge}">首页</a>
                                <a id="linkPreviousPage"
                                   th:href="@{/loan/myRecharge}">上一页</a>
                                <a id="linkNextPage"
                                   th:href="@{/loan/myRecharge}">下一页 </a>
                                <a id="linkLastPage"
                                   th:href="@{/loan/myRecharge}">尾页</a>
                            </div>-->

                            <div class="touzi_fenye" style="width:100%; text-align:center;line-height:30px;">
                                <a class="allpage"><b th:text="'共 '+ ${pageInfo.getPages()}+ ' 页'"></b></a>
                                <a  th:href="@{/loan/myRecharge(currentPage=${pageInfo.getFirstPage()})}"  >首页</a>
                                <a th:if="${pageInfo.hasPreviousPage()} == true" th:href="@{/loan/myRecharge(currentPage=${pageInfo.getPrePage()})}"  >上一页</a>
<!--
                                <a th:href="@{'/loan/myRecharge?currentPage=' + ${i}}"  th:each="i :${#numbers.sequence(pageInfo.firstPage, pageInfo.lastPage)}" th:text="  ${i}"   th:class="${pageInfo.getPageNumber() == i}? 'page-item active' :' page-item' "></a>
-->
                                <a th:if="${pageInfo.hasNextPage()} == true" th:href="@{/loan/myRecharge(currentPage=${pageInfo.getNextPage()})}" >下一页</a>
                                <a th:href="@{/loan/myRecharge(currentPage=${pageInfo.getLastPage()})}" >尾页</a>
                            </div>

                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页中end-->

<!--页脚start-->
<div th:include="commons/footer :: html"></div>
<!--页脚end-->
</body>
</html>